<template>
  <PublicLoading v-if="loading.mounted" />
  <div v-else class="dt-main-tabs-content">
    <!--dt-content-left可选-->
    <!-- <div class="dt-content-left">
      <PmComChatList />
    </div> -->
    <div class="dt-content-main">
      <div class="dt-content-head">
        <div class="dt-content-head-tab">
          <span class="dt-head-title">项目管理</span>
          <div class="dt-head-tabs">
            <el-tabs v-model="activeName" @tab-click="handleClick">
              <el-tab-pane label="用户管理" name="first"></el-tab-pane>
              <el-tab-pane label="配置管理" name="second"></el-tab-pane>
              <el-tab-pane label="角色管理" name="third"></el-tab-pane>
              <el-tab-pane label="定时任务补偿" name="fourth"></el-tab-pane>
            </el-tabs>
          </div>
          <div class="dt-head-right">
            <el-switch v-model="value" active-color="#2F54EB" inactive-color="#c0c4cc">
            </el-switch>
          </div>
        </div>
        <!--dt-content-head-query可选-->
        <!-- <div class="dt-content-head-query">
          <div class="dt-head-search">
            <el-select v-model="value1" placeholder="请选择" size="mini">
              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
              </el-option>
            </el-select>
            <el-input placeholder="请输入内容" v-model="input" clearable size="mini">
            </el-input>
          </div>
          <div class="dt-head-btn">
            <el-button type="primary" size="mini">新建项目</el-button>
          </div>
        </div> -->
      </div>
      <div class="dt-content-page">
        <el-button @click="showCard">click</el-button>
      </div>
    </div>
    <PublicCard :dataCard="dataCard" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      loading: { mounted: false },
      value: '',
      activeName: 'second',
      options: [
        {
          value: '选项1',
          label: '黄金糕'
        },
        {
          value: '选项2',
          label: '双皮奶'
        },
        {
          value: '选项3',
          label: '蚵仔煎'
        },
        {
          value: '选项4',
          label: '龙须面'
        },
        {
          value: '选项5',
          label: '北京烤鸭'
        }
      ],
      value1: '',
      input: ''
    }
  },
  methods: {
    goDetail(id) {
      this.$router.push('/main/#/project/' + id)
    },
    handleClick(tab, event) {
      console.log(tab, event)
    },
    showCard() {
      this.dataCard.isShowCard = true
    }
  },
  mounted() {
    setTimeout(() => {
      this.loading.mounted = false
    }, 500)
  }
}
</script>
<style scoped>
</style>